<template>
	<view>
		<view class="about">
			<view>
				<view class="btn" @click="goToLogin">
					<text>登录密码</text>
					<u-icon class="icon" name="arrow-right" color="#939393" size="28"></u-icon>
				</view>
				<view class="btn" @click="goToMoney">
					<text>资金密码</text>
					<u-icon class="icon" name="arrow-right" color="#939393" size="28"></u-icon>
				</view>
				<view class="btn" @click="goToMobile">
					<text>更换手机号码</text>
					<u-icon class="icon" name="arrow-right" color="#939393" size="28"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>
	
<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			goToMobile(){
				uni.navigateTo({
				url:'./mobilephone/mobilephone'
				})
			},
			goToMoney(){
				uni.navigateTo({
				url:'./moneyPassword/moneyPassword'
		    })
			},
			goToLogin(){
				uni.navigateTo({
				url:'./loginPassword/loginPassword'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.btn {
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin: 5%;
		height: 100rpx;
		background-color: #fefffe;
		border-radius: 10rpx;
		line-height: 100rpx;
		position: relative;
	}
	
	.btn text {
		margin-left: 40rpx;
	}
	
	.btn .icon {
		margin-right: 40rpx;
	}
</style>
